<!DOCTYPE html>
<html>
<head>
	<title>疯狂促销</title>
	<meta charset="utf-8">
	<meta name="keyword" content="疯狂促销">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

	<link href="https://cdn.bootcss.com/bulma/0.5.3/css/bulma.min.css" rel="stylesheet">
	<style type="text/css">
	.news{
		transition: all ease-out .3s;
	}

		.news:hover{
   box-shadow: 0px 25px 40px rgba(0,0,0,.1);
    transform: translate3d(0,-2px,0);
    border: none

		}
	</style>
</head>
<body>
	<nav class="navbar is-transparent">
		<div class="container">
			 <div class="navbar-brand">
			    <a class="navbar-item" href="{{route('home')}}"> 
			      <img src="{{asset('home/images/home/logo.png')}}" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
			    </a> 
			  </div>

			  <div id="navMenuTransparentExample" class="navbar-menu">
			     

			    <div class="navbar-end">
			       	@guest('web')
			       <a href="{{route('login')}}" class="nav-item">
			       	Login
					</a>
			       		@else
			       <a href="#" class="nav-item">
		       		<img src="{{asset('home/images/home/gallery2.jpg')}}" class="is-64x64 " style="border-radius: 100%" />
			       </a>
			       	@endguest 
			       	<div class="navbar-item has-dropdown is-hoverable">
					    <a class="navbar-link">
					      <i class="fa fa-shopping-bag"></i>
					    </a>

					    <div class="navbar-dropdown">
					      <a class="navbar-item">
					        Overview
					      </a>
					      <a class="navbar-item">
					        Elements
					      </a>
					      <a class="navbar-item">
					        Components
					      </a>
					      <hr class="navbar-divider">
					      <div class="navbar-item">
					        Version 0.6.0
					      </div>
					    </div>
					  </div>

			    </div>
			  </div>
		</div>	 
	</nav> 


	<section class="hero is-info">
	  <div class="hero-body">
	    <p class="title">
	      最热,最精品
	    </p>
	    <p class="subtitle">
	      每件商品都是 <strong>以最低价的价格购买</strong>.
	    </p>
	  </div>
	</section> 
	<section class="hero">
		<div class="columns is-gapless is-multiline" > 
			<?php $arr = array();?>
		@foreach($news as $k=>$new)
 
			@if($k == 0)

				
				<div class="column is-5">
				<a href="{{ route('details',$new->pro_code) }}" target="__blank">
					<div class="card">
				  <div class="card-image">

				    <figure class="image is-4by3" style="position: relative;"> 
				      <img src="{{asset('productpics/').'/'.$new->pro_img}}" alt="Placeholder image">
				      <div style="position: absolute;top: 0px;right: 0px;width:50px;height:50px;z-index: 888"><img width="30px" src="{{ asset('home/images/home/new.png') }}"></div>
				    </figure>
				  </div>
				<div class="card-content">
					<div class="media">
					      
					      <div class="media-content">
					        <p class="title is-4">{{$new->pro_name}}</p>

					        <p class="subtitle is-7">￥ {{$new->pro_prices}}</p>
					      </div>
					    </div>
				</div>
				</div>
				</a>
			</div>  
			@break
			@endif
					  
		@endforeach
		<div class="column is-7">
			@foreach($news->chunk(3) as $k1=>$new2)
				@if($k1 > 0)
					<div class="columns is-gapless is-multiline" style="padding: 0;margin: 0">

				@foreach($new2 as $m)
						<div class="column is-4 news ">
							<div class="card">
				  <div class="card-image">
				    <figure class="image ">
				    	<div style="position: absolute;top: 0px;right: 0px"><img width="30px" src="{{ asset('home/images/home/new.png') }}"></div>
				      <img src="{{asset('productpics/').'/'.$m->pro_img}}" style="height: 172px" alt="Placeholder image">
				    </figure>
				  </div>
				<div class="card-content">
					<div class="media">
					      
					      <div class="media-content">
					        <p class=" is-4" title="{{$m->pro_name}}">{{str_limit($m->pro_name, $limit = 20, $end = '...')}}</p>
					        <p class="subtitle is-7">￥ {{$m->pro_prices}}</p>
					      </div>
					    </div>
				</div>
				</div>
						</div>
				@endforeach
					</div>

				@endif

			@endforeach
		</div>
	</div>
	</section>

	<section class="hreo">
		<div class="columns is-gapless"> 
			<div class="column is-12">

				@foreach($bests->chunk(4) as $key2=>$bestz)
					@include('front.panic-buying.partials._best_c')
				@endforeach

			</div>
		</div>
	</section>
	
</body>
</html>